﻿
<html lang="en"><head>
<meta charset="utf-8">
<title>婷婷唱古文</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">
<!--<script src="/static/vendor/jQuery-1.11.3/jquery-1.11.3.min.js"></script>-->
<style>
html, body {
position: relative;
height: 100%;
}
body {
background: #eee;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color:#000;
margin: 0;
padding: 0;
}
img {
width: 100%;
}
a {
text-decoration: none;
color: black;
}
.swiper-container {
width: 100%;
/*height: 20%;*/
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide a img {
width: 100%;
height: 100%;
}
/*.col-md-2 {*/
/*width: 16.666%;*/
/*float: left;*/
/*}*/
/*.col-md-2 img {*/
/*width: 100%;*/
/*}*/
/*.col-md-8 {*/
/*width: 66.666%;*/
/*float: left;*/
/*}*/
/*.row {*/
/*height: 100px;*/
/*width: 100%;*/
/*}*/
.row {
display: -webkit-flex;
display: flex;
}
.flex1 {
-webkit-flex: 1;
flex: 1;
}
.flex2 {
-webkit-flex: 2;
flex: 2;
}
.flex3 {
-webkit-flex: 3;
flex: 3;
}
.flex4 {
-webkit-flex: 4;
flex: 4;
}
.col-md-12 {
display: flex;
}
.col-md-2, .col-md-4, .col-md-6, .col-md-8 {
float: left;
overflow: hidden;
}
.row {
margin-top: 5px;
}
.btn-enter {
color: white;
background: #F44336;
border: 0;
border-radius: 5px;
font-size: 20px;
margin-top: 20px;
padding: 5px 0px;
width: 70px;
text-align: center;
display: block;
text-decoration: none;
}
h3, p {
padding: 0;
margin: 0;
}
h3 {
margin-top: 5px;
}
p {
font-size: 20px;
padding: 5px;
}
</style>
</head>
<body data-pinterest-extension-installed="cr1.39.2" style="zoom: 0.7; display: block;">
<!-- Swiper -->
<div class="swiper-container swiper-container-horizontal">
<img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" />
</div>
<div class="container" style="padding: 10px; background: white;">
<p>婷婷唱古文(<span style="color: red;">注意：音频中广告可以忽略，切勿加好友</span>)</p>
<p style="font-size: 11px; color: gray; padding: 0px 5px;">江湖人称“背诗神器”，“婷婷诗教”的秘密宝器。</p>
<p style="font-size: 11px; color: gray; padding: 0px 5px;"> 已更新16期 </p>
</div>
<div class="container" style="padding: 10px; background: white; margin-top: 10px;">
<div class="row" style="border-bottom: 1px solid #e2e2e2;">
<div class="flex1" style="text-align: center; "> <p style="text-align:center; width: 75px; margin-left: 10px; font-size: 22px; border-bottom: 3px solid #00bb00; color: #00bb00;">目录</p></div>
<div class="flex1"></div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1829"> 001.骆宾王-咏鹅 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-11 10:16:37</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/b8/channel_program_audio_1053_1512629777_001.骆宾王-咏鹅.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1830"> 002.李白-早发白帝城 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-11 10:16:44</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/09/channel_program_audio_1053_1512630342_002.李白-早发白帝城.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1831"> 003.北朝民歌-敕勒歌 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-14 14:21:10</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/64/channel_program_audio_1053_1512630493_003.北朝民歌-敕勒歌.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1832"> 004.林升-题临安邸 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-14 14:21:16</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/a2/channel_program_audio_1053_1512630599_004.林升-题临安邸.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1833"> 005.苏轼-惠崇春江晚景 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-14 14:21:18</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/c2/channel_program_audio_1053_1512630652_005.苏轼-惠崇春江晚景.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1834"> 006.王翰-凉州词 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-14 14:21:21</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/0b/channel_program_audio_1053_1512630775_006.王翰-凉州词.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1837"> 007.杜甫-春夜喜雨 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-14 14:21:24</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/61/channel_program_audio_1053_1512630918_007.杜甫-春夜喜雨.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1838"> 008.陆游-游山西村 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-14 14:21:26</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/b0/channel_program_audio_1053_1512631051_008.陆游-游山西村.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1839"> 009.贺知章-咏柳 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-14 14:21:31</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/62/channel_program_audio_1053_1512631350_009.贺知章-咏柳.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1840"> 010.范仲淹-江上渔者 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-14 14:21:34</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/90/channel_program_audio_1053_1512631426_010.范仲淹-江上渔者.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1841"> 011.李白-望庐山瀑布 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-15 09:54:35</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/c9/channel_program_audio_1053_1512631522_011.李白-望庐山瀑布.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1842"> 012.王安石-泊船瓜洲 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-18 10:29:01</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/be/channel_program_audio_1053_1512631933_012.王安石-泊船瓜洲.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1843"> 013 多才多艺【早发白帝城】一起踏步： </a></p>
<p style="color: gray; font-size: 10px;">2017-12-19 10:40:47</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/38/channel_program_audio_1053_1512632138_013 多才多艺【早发白帝城】一起踏步：认识进行曲.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1844"> 014 多才多艺【元日】激情四射爵士鼓 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-20 11:03:46</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/9a/channel_program_audio_1053_1512632303_014 多才多艺【元日】激情四射爵士鼓.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1845"> 015 多才多艺【九月九日忆山东兄弟】爵 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-21 17:50:05</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/66/channel_program_audio_1053_1512632645_015 多才多艺【九月九日忆山东兄弟】爵士乐 与众不同的听觉感受.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-md-12" style="border-bottom: 1px solid #e2e2e2; padding: 5px;">
<div class="flex1"> <img src="http://oxyy4ouym.bkt.clouddn.com/upload/fe/channel_cover_1053_1512327099_timg.jpg" /> </div>
<div class="flex4" style="padding: 10px;">
<p style="padding: 5px;"> <a href="#1846"> 016 多才多艺【西江月·夜行黄沙道中】 </a></p>
<p style="color: gray; font-size: 10px;">2017-12-22 11:19:00</p>
<p>
<audio class="audioDemo" controls preload="none" controlsList="nodownload">
<source src="http://oxyy4ouym.bkt.clouddn.com/upload/f0/channel_program_audio_1053_1512632876_016 多才多艺【西江月·夜行黄沙道中】本是同根生的竖琴和箜篌.mp3" type="audio/mpeg">
</audio>
</p>
</div>
</div>
</div>

</div>

<div class="swiper-container swiper-container-horizontal">
<h1>此音频仅提供【每日解读诗词】内部收听(<span style="color: red;">注意：音频中广告可以忽略，切勿加好友</span>)</h1>
</div>

<script>
//alert(jQuery(window).width());
// console.log(jQuery(window).width());
//
// var j = jQuery.noConflict();
//
// j("body").css("zoom", j(window).width() / 500);
// j("body").css("display", "block");
//
// j(window).bind('resize load', function () {
// j("body").css("zoom", j(window).width() / 500);
// j("body").css("display", "block");
//
// });
//
//
// setTimeout(function(){
// }, 50);
</script>
</body></html>